﻿* { margin: 0px; padding: 0px; }
li { list-style: none; }
a { text-decoration: none; color: #333; outline: none; }
img { border: none; display: block; }
a img { border: none; display: block; }
body { background: url('../images/header-repeat.png') repeat-x 0 0 transparent; font-family: Arial; font-size: 12px; }
.container { width: 1000px; margin: 0 auto; }

/* common */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.ml8 { margin-left: 8px; }
.mr0 { margin-right: 0 !important; }
.mr20 { margin-right: 20px; }
.mb30 { margin-bottom: 30px; }

.none {display:none;}

.relative { position:relative;}
.pos10 {left: 64px;}
.pos20 {left: 215px;}
.pos30 {left: 368px;}
/* header */
.header { height: 193px; position: relative; }
.header .logo { background: url("../images/hongthuy-logo.png") no-repeat scroll 0 0 transparent; height: 98px; position: absolute; top: 20px; width: 99px; }
.header .logo-name { color: #FFFFFF; font-size: 31px; left: 115px; position: absolute; top: 50px; }
.header .search { background: url("../images/timkiem.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 31px; position: absolute; right: 145px; text-align: right; top: 47px; width: 202px; }
.header .search input[type=text] { border: 0 none; float: left; height: 25px; margin-left: 4px; margin-top: 4px; width: 155px; }
.header .search .button-search { cursor: pointer; display: block; float: right; height: 27px; margin-right: 2px; margin-top: 4px; width: 40px; }
.header .phone { background: url("../images/hotline.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 31px; position: absolute; right: 0; text-align: right; top: 50px; width: 142px; }
.header .phone span { color: #FFFFFF; font-size: 19px; line-height: 31px; margin-right: 3px; }
.header ul.menu { bottom: 0; position: absolute; width: 100%; font-size: 0; }
.header ul.menu li { display: inline-block; border-right: 2px solid rgba(0, 0, 0, 0); }
.header ul.menu li.first { border-radius: 5px 0 0; overflow: hidden; }
.header ul.menu li.last { border-right: 0; border-radius: 0 5px 0 0; overflow: hidden; }
.header ul.menu li a { background: url("../images/menu-repeat.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; display: table-cell; font-size: 14px; height: 57px; text-align: center; vertical-align: middle; width: 197px; }
.header ul.menu li a:hover, .header ul.menu li a.active { background: url("../images/menu-repeat-hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }

/* slide home */
.buy-button { background: url("../images/mua.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 30px; width: 77px; }
.slide-top { border: 1px solid #EAEBEC; border-radius: 5px; margin-top: 10px; }
.slide-top .slide-inside { height: 262px; }
.slide-top .side-left { padding-left: 60px; padding-top: 40px; width: 610px; }
.slide-top .name { color: #F37321; font-size: 60px; text-transform: uppercase; }
.slide-top .code-name { font-size: 37px; color: #363434; text-transform: uppercase; }
.slide-top .desc { color: #a0a0a0; font-size: 13px; text-transform: uppercase; }
.slide-top .buy { }
.slide-top .side-right { padding-left: 40px; padding-top: 10px; }
.slide-top .side-right img { width: 250px; height: 250px; display: block; }
.slide-top .slide-nav { background-color: #E5E7E8; height: 20px; padding-top: 10px; text-align: right; }
.slide-top .slide-nav a { background-color: #B8BDC0; border-radius: 12px; display: inline-block; height: 12px; margin-right: 5px; width: 12px; }
.slide-top .slide-nav a.active { background-color: #f37321; }

.content { margin-top: 35px; }
/* left */
.content .content-left { width: 220px; }
.content-left .box-left { }
.content-left .title { background-color: #F37321; color: #FFFFFF; font-size: 25px; padding: 3px 0 3px 15px; text-transform: uppercase; }

/* left - product */
.box-left-product { }
.box-left-product ul { }
.box-left-product ul li { background: url("../images/muiten.png") no-repeat scroll 12px 3px rgba(0, 0, 0, 0); margin: 20px 0; padding-left: 30px; }
.box-left-product ul li a { font-size: 13px; font-weight: bold; text-transform: uppercase; }

/* left - product checkbox */
.type-checkbox ul li { background: none !important; padding-left: 5px !important;}
.type-checkbox input:checkbox {border-color: #F37321}
.type-checkbox li a{ padding-left:10px; }
/* left - news */
.box-left-news { }
.box-left-news ul { }
.box-left-news ul li { clear: both; margin-top: 15px; }
.box-left-news ul li a { color: #7A7A7A; float: left; }
.box-left-news .title-news { margin-left: 10px; width: 120px; }
.box-left-news ul li img { width: 88px; height: 88px; display: block; }

/* left - support */
.box-left-support { border: 1px solid #EAEBEC; border-radius: 10px; }
.box-left-support .img-support { background: url("../images/anhsonga.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 75px; width: 220px; }
.box-left-support .support-inside { padding-left: 20px; }
.box-left-support .city { color: #F37321; font-size: 17px; margin: 5px 0; }
.box-left-support .support-phone { margin: 5px 0; background: url("../images/support-phone.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); color: #7A7A7A; padding-left: 15px; }
.box-left-support .support-tech { float: left; width: 100px; margin: 5px 0; }
.box-left-support .support-name { color: #7a7a7a; font-weight: bold; margin: 5px 0; }
.box-left-support .yahoo { background: url("../images/yahoo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; margin-right: 10px; height: 20px; width: 28px; }
.box-left-support .skype { background: url("../images/skype.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 20px; width: 28px; }
.box-left-support .support-line { border-top: 1px solid #EAEBEC; }

.content .content-right { width: 760px; }
.contact { }

/* right - box top product */
.box-top-product { border: 1px solid #EAEBEC; border-radius: 5px; }
.box-top-product .item { float: left; padding: 5px; width: 368px; }
.box-top-product .left { float: left; }
.box-top-product .left img { width: 150px; height: 180px; display: block; }
.box-top-product .right { float: left; margin-left: 10px; width: 200px; margin-top: 30px; }
.box-top-product .right .name { color: #F37321; font-size: 25px; text-transform: uppercase; }
.box-top-product .right .code-name { font-size: 16px; color: #363434; text-transform: uppercase; }
.box-top-product .right .desc { color: #a0a0a0; text-transform: uppercase; }

/* right - pagging product */
.pagging {bottom: -10px;left: 320px;position: absolute;}
.pagging a {float:left;border-radius: 5px; color:#000;font-weight:bold;font-size:18px;border:1px solid #EAEBEC;padding:0px 5px;margin:0px 3px;}
.pagging a.active {color:#fff;background:#000}

/* right - product focus */
.product-focus { }
.product-focus .title { font-size: 33px; text-transform: uppercase; color: #7a7a7a; }
.product-focus .product-focus-list { border: 1px solid #EAEBEC; border-radius: 5px; padding: 30px 25px; }
.product-focus .item { position: relative; background-color: #E5E7E8; border-radius: 5px; float: left; margin-right: 35px; padding: 10px 17px; width: 178px; }
.product-focus .new { background: url("../images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 68px; position: absolute; right: 0; top: 0; width: 62px; }
.product-focus .name { color: #b4b3b3; font-size: 11px; font-family: Verdana; }
.product-focus img { width: 172px; height: 172px; display: block; border: 1px solid #EAEBEC; border-radius: 5px; }
.product-focus .img { }
.product-focus .code-name { font-size: 16px; margin-top: 10px; }
.product-focus .desc { color: #a0a0a0; }
.product-focus .shopping { margin-top: 10px; }
.product-focus .price { float: left; width: 135px; }
.product-focus .current { color: #f37321; font-size: 21px; }
.product-focus .discount { color: #b4b3b4; text-decoration: line-through; }
.product-focus .cart { background: url("../images/xehang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 40px; width: 40px; }

/* right - product detail */
.product-detail {}
.product-detail .head {float:left;width:100%}
.product-detail .head a {float:left; font-size:13px;font-family:Arial;color:#F37321;font-weight:bold;padding-right:10px;}
.product-detail .head a.current {color:#a0a0a0;}
.product-detail .head .narrow {float:left;background:url("../images/muiten.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);width:6px;height:20px;padding-right:10px;}
.product-detail-img { padding: 10px;width:300px;}
.product-detail-img .wrapper {position:relative;border: 1px solid #EAEBEC; border-radius: 5px;}
.product-detail-img .wrapper .prev {position:absolute;width:49px;height:54px;left:10px;top:170px;width:49px;height:54px;background:url("../images/slide-prev.png") no-repeat;}
.product-detail-img .wrapper .next {position:absolute;width:49px;height:54px;right:10px;top:170px;width:49px;height:54px;background:url("../images/slide-next.png") no-repeat;}
.product-detail-info {width:436px;}
.product-detail-info .title { font-weight:bold;font-size:25px }
.product-detail-info .type {color:#7a7a7a; font-size:15px;}
.product-detail-info .sapo {color:#7a7a7a; font-size:15px;padding-top:20px}
.product-detail-info .expire {color:#7a7a7a; font-size:15px;padding:10px 0px;}
.product-detail-info .social {width:100%;float:left;padding:10px 0px;}
.product-detail-info .price {float:left;width:100%;font-size:38px;color:#F37321;border-bottom:dotted 1px #e8e7e7;padding-bottom:5px;}
.product-detail-info .quantity {float:left; color:#7a7a7a; font-size:15px;padding:10px 0px;}

.item-image ul li {float:left;}
.item-image ul li img {float:left;width:62px;height:59px;padding:5px;}

.product-tab {float:left;width:100%}
.product-tab ul {float:left;width:100%;border-bottom:solid 4px #F37321;position:relative;background: url("../images/sanpham-chitiet_22.png") no-repeat right;}
.product-tab ul li {float:left;padding:7px 10px;}
.product-tab ul li a {color:#7a7a7a ; font-size:17px;}
.product-tab ul li a.active {color:#F37321}
.product-tab ul li span.narrow {background: url("../images/sanpham-chitiet_26.png") no-repeat;width:18px;height:8px;position:absolute;bottom:-12px}

.product-tab .inner-tab {float:left;width:100%;padding:20px 0px;}

.product-relation {float:left;width:100% ; border: 1px solid #EAEBEC; border-radius: 5px;padding: 20px 0px;}
.head-relation {font-size:21px;color:#7a7a7a;padding-bottom:10px;}
.product-relation .item {background-color: #E5E7E8; border-radius: 5px; float: left; margin: 0px 20px; padding: 10px 17px; position: relative; width: 178px;}
.product-relation .item .name { color: #B4B3B3; font-family: Verdana; font-size: 11px;}
.product-relation .item img {border: 1px solid #EAEBEC; border-radius: 5px; display: block; height: 172px; width: 172px;}
.product-relation .item .code-name { font-size: 16px; margin-top: 10px;}
.product-relation .item .desc { color: #A0A0A0;}
.product-relation .item .shopping { margin-top: 10px;}
.product-relation .item .price { float: left; width: 135px;}
.product-relation .item .current { color: #F37321; font-size: 21px;}
.product-relation .item .discount { color: #B4B3B4; text-decoration: line-through;}
.product-relation .item .cart { background: url("../images/xehang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 40px; width: 40px;}

/* contact bottom */
.contact { }
.contact .title { color: #7a7a7a; font-size: 21px; text-transform: uppercase; }
.contact .inside { border: 1px solid #EAEBEC; border-radius: 5px; padding: 10px 0; }
.contact .left { background: url("../images/contact-left.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; float: left; height: 80px; width: 30px; }
.contact .right { background: url("../images/contact-right.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; float: left; height: 80px; width: 30px; }
.contact ul { float: left; }
.contact ul li { float: left; margin: 0 17px; }
.contact ul li a { }
.contact ul li a img { width: 200px; height: 80px; display: block; }

/* footer */f
.footer { background-color: #0A1622; }
.footer-inslide { width: 1000px; margin: 0 auto; color: white; padding: 30px 0; font-size: 13px; height: 190px; position: relative; }
.menu-footer { }
.menu-footer ul { float: left; width: 180px; }
.menu-footer ul li { font-weight: bold; margin: 5px 0; }
.menu-footer ul li a { color: #7c848c; font-weight: normal; }
.footer-bottom { margin-top: 80px; font-weight: bold; }
.footer-bottom .left { width: 440px; }
.footer-bottom .left span { font-size: 12px; color: #7c848c; line-height: 30px; font-weight: normal; }
.footer-bottom .right { }
.footer-social { background: url("../images/social-footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 25px; position: absolute; right: 0; width: 88px; }
.footer-social a { display: inline-block; height: 24px; width: 24px; }
.back-top { background: url("../images/back-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 20px; display: block; height: 50px; position: absolute; right: 0; width: 50px; }
